/* 

STYLE SHEET FOR Art in Bloom WEB SITE
Created by Christine Evans

With grateful thanks to Craig Grannell and his excellent book CSS and HTML Web Design
Many thanks to Leslie Whitcombe for his photgraphic skills and support

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images

Notes

#cae3ed main background colour code light blue - border edge for images


*/



/* --------- 1. defaults  --------- */
body {
	text-align: center;

	font: 1.1em Verdana, Arial, Helvetica, sans-serif;
	padding:5px;
	background-color: #a3d5ea;
	color:#054763;
}

	


/*------- 2. structure----*/
#wrapper {

	width: 1000px;
	margin: 0 auto;
	text-align: left;
	padding: 10px 10px 10px 10px;
	background: #1c668c;
}
	


#banner {
	height: 150px;
	
	

}

#content {

	height: 600px;
	
	
	
	}
	

#sidebar {
	float:left;
	margin-top:10px;
	width:200px;
	background-color: #e8cfbd;
	height:580px;

}

/* links and navigation*/

 #navigation ul {
	list-style-type:none;
	width:175px;
	font: 1.1em Arial, Helvetica, sans-serif;
	margin-left:-30px;
}

#navigation ul ul {
	font-size: 1.1em;
}

#navigation a:link, #navigation a:visited {
	text-decoration: none;
	text-align: center;
	font-weight:bold;
	
	display: block;
	padding: 3px 12px 3px 8px;
	margin-top:15px;
	margin-bottom:10px;
	
	

}
#navigation a:link, #navigation a:visited {
	text-decoration:none;
	text-align:center;

	font-weight: bold;
	display: block;
	padding: 3px 12px 3px 8px;
	height: 30px;
	background-color: #6197ae;
	color:#cae3ed;
	border-top: 1px solid #b4deef;
	border-right: 1px solid #1c6b8c;
	border-bottom: 1px solid #1c6b8c;
	border-left: 1px solid #b4deef;
}
#navigation a:hover {
	background-color: #7bb0c6;
}
#navigation a:active {
	padding: 2px 13px 4px 7px;
	background-color: #47849d;
	color: #c0dae5;
	border-top: #1c6b8c;
	border-right: #b4deef;
	border-bottom: #b4deef;
	border-left: #1c6b8c;
}
#navigation li li a:link, #navigation li li a:visited {
	text-decoration: none;

	font-weight: normal;
	padding: 3px 3px 3px 17px;
	background-color: #a3d5ea;
	color: #0d5877;
}
#navigation li li a:hover {
	background: #a3d5ea;
}
 #navigation li li a:active {
	 padding: 2px 4px 4px 16px;
	 background-color: #8fc2d7;
	 color: #054763;
	 border-top: 1px solid #1c6b8c;
	 border-right: 1 px solid #b4deef;
	 border-bottom: 1px solid #b4deef;
	 border-left: 1 px solid #1c6b8c;
 }
 
 /* Images*/
 
 #mainContent {
	margin-top:10px;
	 background-color:#cae3ed;
	 float: right;
	 height:580px;
	 width:775px;
	 padding-left: 15px;
	
 }

form {
		width: 700px;
		padding-left: 40px;
		}

fieldset {
		border: 1px dashed #47849d;
		padding: 10px ;
		margin-bottom: 1em;
	
		}

legend {
		padding: 0 10px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #c85310;
		background-color: #e6ddcc;
		text-transform: uppercase;
		}

.formField, select {
		border: 1px solid #47849d;
		background-color: #e6ddcc;
		width: 400px;
		}

label {
		float: left;
		text-align: right;
		font-weight: bold;
		width: 100px;
		}

.row input {
		float: right;
		width: 550px;
		}

.clearFix:after {
		content: "clear";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}

.row {
		margin-bottom: 5px;
		}
		
		
		
.submitButton {
		border: 2px solid #054763; 
		background-color: #cae3ed; 
		padding: 2px 5px;
		}
		
		
				
.resetButton {
		border: 2px solid #c85310; 
		background-color: #cae3ed; 
		padding: 2px 5px;
		}
		
#mainImageContainer {
	float:left;
	width:320px;
	height:320px;
padding-left: 20px;
margin-top:-10px;

	}

#thumbnailsContainer {
	float:right;
	width:430px;
	
	}
	
	#thumbnailsContainer li {
		display: inline;
	}
	
	a img {
		border:0;
	}
	
	


#footer {
	border: 2px solid #7bb0c6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height:40px;
	color:#c0dae5;
}